//
// Buttons
// --------------------------------------------------


// Base styles
// --------------------------------------------------

.btn {
  display: inline-block;
  margin-bottom: 0; // For input.btn
  font-weight: $btn-font-weight;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  // background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid transparent;
  white-space: nowrap;
  @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-medium, $line-height-btn, $border-radius);
  @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
  @include user-select(none);

  &,
  &:active,
  &.active {
    &:focus,
    &.focus {
      // @include tab-focus;
    }
  }

  &:hover,
  &:focus,
  &.focus {
    color: $btn-default-color;
    text-decoration: none;
    outline: none;
  }

  &:active,
  &.active {
    outline: 0;
    background-image: none;
    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    cursor: $cursor-disabled;
    pointer-events: none; // Future-proof disabling of clicks
    @include opacity(.65);
    @include box-shadow(none);
  }
}


// Alternate buttons
// --------------------------------------------------

// .btn-default {
//   @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
// }
// .btn-primary {
//   @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
// }
// Positive appears as green
.btn-positive {
  @include button-variant($btn-positive-color, $btn-positive-bg, $btn-positive-bg-active);
}
.btn-negative {
  @include button-variant($btn-negative-color, $btn-negative-bg, $btn-negative-border);
}
// Info appears as blue-green
// .btn-info {
//   @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
// }
// Warning appears as orange
// .btn-warning {
//   @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
// }
// Nagetive and error appear as red



// Link buttons
// -------------------------

// Make a button look and behave like a link
.btn-link {
  color: $link-color;
  font-weight: normal;
  border-radius: 0;

  &,
  &:active,
  &.active,
  &[disabled],
  fieldset[disabled] & {
    background-color: transparent;
    @include box-shadow(none);
  }
  &,
  &:hover,
  &:focus,
  &:active {
    border-color: transparent;
  }
  &:hover,
  &:focus {
    color: $link-hover-color;
    text-decoration: $link-hover-decoration;
    background-color: transparent;
  }
  &[disabled],
  fieldset[disabled] & {
    &:hover,
    &:focus {
      color: $btn-link-disabled-color;
      text-decoration: none;
    }
  }
}


// Button Sizes
// --------------------------------------------------
.btn-sm {
  // line-height: ensure proper height of button next to small input
  @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
}
.btn-xs {
  @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-xsmall);
}


// Block button
// --------------------------------------------------

.btn-block {
  display: block;
  width: 100%;
}

// Vertically space out multiple block buttons
.btn-block + .btn-block {
  margin-top: 5px;
}

// Specificity overrides
input[type="submit"],
input[type="reset"],
input[type="button"] {
  &.btn-block {
    width: 100%;
  }
}


//Uploadify button
.uploadify{
   position: relative;
   
   > object{
     left: 0;
   }
  .uploadify-button {
    line-height: 70px;
    font-size: 40px;
    margin-top: -5px;
    margin-left: -2px;

    &:before{
      content: "\e637";
      font-family: "iconfont" !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
      line-height: 60px;
    }
  }
}
.upload-pre-item {
  position:relative;

  
  >img {
    width: 84px;
    height: 84px;
  }
  .btn-close {
    position: absolute;
    top: -10px;
    right: -10px;
    line-height: 16px;
    font-size: 16px;
    background:#FFF;
    border:1px solid #E2E2E2;
    border-radius: 30px;
    padding: 2px 4px;
    cursor: pointer;
    display: none;
    
    &:before {
      content: "\e603";
      font-family: "iconfont" !important;
      font-style: normal;
      margin-top: -4px;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
    }
    
    &:hover {
      background: #F9F9F9;
      border-color: #D2D2D2;
    }
  }
  &:hover {
    .btn-close {
      display:block;
    }
  }
}
.uploadify-queue{
  width: auto;
  line-height: 25px;
  position: absolute;
  top: -30px;
  text-align: left;
  
  .uploadify-progress {
    width: 100%;
    
    > .uploadify-progress-bar{
      background: #00CC00;
      height: 3px; 
      overflow: hidden;
    }
  }
   .cancel {
    display:none;
  }
} 